<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
		<!-- PS F:\2023寒假学习\Node.js\练习> nodemon .\05服务器控制延迟多久发送请求.js -->
		<!-- <script src="http://127.0.0.1:8080/js?s=5"></script> -->
		<style>
			[v-cloak]{
				display: none;
			}
		</style>
	</head>
	<body>
		<!-- v-cloak指令（没有值):
		1.本质是一个特殊属性，Vue实例创建完毕并接管容器后，会删掉v-cloak属性。
		2.使用css配合v-cloak 可以解决网速慢时页面展示出{{xXX}}的问题。 -->
		<div id="app">
			
			<p v-text="msg">vue没有加载v-text</p>
			<div v-html="str">没有加载v-html</div>
			<p>{{ag}}</p>
			<p v-cloak>{{ag}}</p>
		</div>、
		<!-- PS F:\2023寒假学习\Node.js\练习> nodemon .\05服务器控制延迟多久发送请求.js -->
		<script src="http://127.0.0.1:8080/js?s=0"></script>
		<script src="../vue.js"></script>

	</body>
	<script>
		var app = new Vue({
			el: '#app', //Id #id class .name  标签 div
			//输出的数据
			data: function() {
				return {
					msg: "<h1>66666</h1>",
					str: "<a href=javascript:console.log(document.cookie)>document.cookie</a>",
					ag:"加载完成"
				}
			},
		});
		console.log(document.cookie)
	</script>
</html>
